/**
 * WF Default Stylesheet
 *
 * Colors:
 * - text: #005a9c
 * - 
 */


body {
    background-color: transparent!important;
    margin: 10px;
    font-family: sans-serif;
    color: black;
    /* background-color: rgba(255, 255, 255, 0.5); */
    /* border-radius: 1em; */
}

html {

    /* background-image: -moz-linear-gradient(top, white 20%, #DDD); */
    /* background-image: -webkit-linear-gradient(top bottom, white, silver); */
    /* background-image: -o-linear-gradient(top bottom, white, silver); */
    background-image: url(logo.png);
    background-position: -2.5em -4em;
    background-repeat: no-repeat ;
}

hr {
    clear: both;
    height: 0; border: 0;
    border-top: 1px dotted #999;
}

h1 a, h1, h2, h3, h4, h5 {
    font-family: sans-serif;
    font-weight: normal;
    color: #005a9c;
    margin-left: 0;
    clear: both;
}
h1 a { text-decoration: none; }
h2 a { text-decoration: none; }
h2 {
    padding-left: 5px;
    background-color: silver ;
    background-image: -moz-linear-gradient(right bottom, #EEE 20%, silver);
    background-image: -webkit-linear-gradient(right bottom, white, silver);
    background-image: -o-linear-gradient(right bottom, white, silver);
}
h2 img {
    float: right;
}

blockquote { margin-left: 1em; }
p { clear: left; }
img { border: 0; }

/* This is to avoid top left corner logo overlay */
body h1,
body:first-child {
    margin: 0 0 0.5em 2.5em;
}
address {
    margin-top: 1em;
    clear: both;
    border-top: 1px dotted #999;
    font-size:  small;
}
address, address a {
    color: #555;
}

/* For special pages that happen notice on top or bottom (like team) */
address:after {
    font-family:        serif;
    font-size:          small;
    color:              #555;
}
body:before {
    position: absolute;
    right: 1em;
    top: 0.5em;
    color: #555;
    font-style: italic;
    font-size: small;
}


/**
 *      Tables
 */
table {
    border: 1px solid grey;
    border-collapse:collapse;
}
table th, table td {
    padding: 0.1em 0.3em;
    border: 1px solid grey;
}


/**
 *      Menu
 */
.menu, #menu { position: relative; clear: both; margin-top: 1em; color: #555; font-style: italic; }
.menu ul, #menu ul {
    margin: 0; padding: 0;
    list-style-type: none;
}
/*.menu ul:before, #menu ul:before { content: "Near-by:"; color: #555; font-style: italic; float: left; }*/
.menu li, #menu li {
    margin: 0; padding: 0 10px;
    float: left;
    border-left: 1px solid #CCC;
}
.menu li:first-child, #menu li:first-child { margin-left: 0; border-left: 0; }
.menu br, #menu br { clear: both; }
.menu a, #menu a { font-weight: bold; color: #333; }


.half { margin: 0; position: relative; float: left; }
ul.half { list-style-type: none; padding: 0; }
ul.half>li { float: left;  width: 49%;
           position: relative;
           margin: 1em 1% 0 0; padding: 0;
         }

.half h2 { margin: 0; }
.half>li>img {
    position: absolute;
    right: 0;
}


/**
 * Search
 */
ul.line {
    margin: 0; padding: 0;
    list-style-type: none;
    position: relative;
    clear: both;
}

ul.line li {
    margin: 0; padding-right: 5px;
    float: left;
}

#results ul.line a,
.pager a {
    font-weight: bold;
    color: #333;
    font-style: normal;
}
.pager {
    color: #555;
    font-style: italic;
    padding: 1% 0;
    margin-top: 5px;
    border-top: 1px dotted #333;
    border-bottom: 1px dotted #333;
}


form ul,
#results ul {
    padding: 0;
    list-style-type: none;
}
form ul { margin: 0 0 0 100px; padding: 0; }

/* #results span, */
form span {
    display: block; float: left; min-width: 70px;
    font-style: italic;
    text-align: right;
    padding-right: 10px;
    color: grey;
    font-size: small;
}
form {
    /* line-height: 25px; */
}
form ul li {
    float: left;
}
#results h3 {
    margin: 25px 0 0 0;
}
#results h3 a {
    text-decoration: none;
    color: #005A9C;
}
#results ul li span,
#results ul li p {
    font-size: small;
    color: #555;
    padding: 0 !important;
    float: none;
}
#results ul li p b {
    color: #333;
}
#results ul li p {
    margin: 5px 0 0 10px;
}
#results { clear: both; margin-top: 10px; }





/* #menu.wf-menu { */
/*     /\* position: absolute; *\/ */
/*     /\* width: 100%; *\/ */
/*     clear: both; */
/*     float: none; */
/*     position: relative; */
/*     margin-bottom: 15px; */
/*     padding: 5px 0; */
/* } */
/* #menu.wf-menu h3 { margin: 10px; } */
/* #menu.wf-menu ul { margin: 0; padding: 0; } */
/* #menu.wf-menu li:first-child, #menu.wf-menu li { */
/*     /\* border-left: 1px solid grey; *\/ */
/*     border: 0; */
/* } */
/* #menu.wf-menu li { */
/*     color: #333; */
/*     font-weight: bold; */
/* } */
/* #menu.wf-menu li a { */
/*     color: #333; */
/*     font-weight: bold; */
/*     text-decoration: none; */
/* } */
/* .wf-menu { */
/*     background-color: #F0F0F0; */
/*     background-transparency: .9; */
/* } */
/* .wf-menu input { */
/*     border: 1px solid grey; */
/*     font-size: .8em; */
/* } */
/* #menu.wf-menu li li a { */
/*     font-weight: normal; */
/* } */
/* #menu.wf-menu li li { */
/*     float: none; */
/*     clear: both; */
/*     font-weight: normal; */
/* } */


/* Microformat items */
.person {
    clear: both;
}
.person>img {
    float: left;
}

.tools {
    float: right;
}
